<template>
  <div>
    <h1>hello vue</h1>
    <input type="text" v-model="obj.name" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      obj: {
        name: "小明",
      },
    };
  },
  watch: {
    // obj(newVal, oldVal) { // 无法侦听到复杂数据类型
    //   console.log(19, newVal, oldVal);
    // },
    obj: {
      immediate: true, // 立即侦听，也就是当我们在浏览器中打开项目的时候立刻会触发侦听器
      deep: true, // 深度侦听，侦听复杂数据类型
      handler(newVal) {
        console.log(24, newVal);
      },
    },
  },
};
</script>

<style>
</style>